<template>
    <div class="w-100 h-100 overflow-ellipsis">
        <div class="w-100 h-5 align-items-center" style="border-bottom: 1px solid rgb(235, 239, 246); display: flex; height: 8%">
            <div class="ml-16 mr-16 fs-24">
                <span style="height: 50px; line-height: 50px; font-weight: bold">人才管理</span>
            </div>

            <div class="ml-16 mr-16 fs-12" style="height: 50px; line-height: 50px; font-weight: bold; font-weight: normal; color: rgb(153, 153, 153)">收藏，或平台推荐的人才</div>
            <div class="float-right" style="display: flex; justify-content: flex-end; margin-left: auto">
                <Select class="text-left ml-12" placeholder="按专业查看">
                    <Option value="beijing">New York</Option>
                    <Option value="shanghai">London</Option>
                    <Option value="shenzhen">Sydney</Option>
                </Select>
                <Select class="text-left ml-12" placeholder="按学历查看">
                    <Option value="beijing">New York</Option>
                    <Option value="shanghai">London</Option>
                    <Option value="shenzhen">Sydney</Option>
                </Select>
                <Input class="text-left ml-12" placeholder="输入姓名、学校、专业" />
                <Button class="ml-0 text-left mr-12" type="primary">搜索</Button>
            </div>
        </div>
        <div class="w-95 h-85 m-auto mt-16">
            <Table align="center" :columns="resume_listing" :data="resume_data">
                <template slot-scope="{ row }" slot="action">
                    <span @click="show_info(row)">查看</span>
                </template>
            </Table>
        </div>
        <hr class="w-100" style="border: 0.5px solid rgb(235, 239, 246)" />
        <div class="w-100 mt-8">
            <Page class="m-auto w-50" :total="100" show-sizer show-elevator />
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            resume_listing: [
                {
                    title: '姓名',
                    key: 'resume_name',
                    minWidth: 145,
                    align: 'center'
                },
                {
                    title: '学历',
                    key: 'resume_degree',
                    minWidth: 80,
                    align: 'center'
                },
                {
                    title: '学校名称',
                    key: 'resume_school',
                    minWidth: 145,
                    align: 'center'
                },
                {
                    title: '专业',
                    key: 'resume_discipline',
                    minWidth: 119,
                    align: 'center'
                },
                {
                    title: '期望城市',
                    key: 'resume_city',
                    minWidth: 93,
                    align: 'center'
                },
                {
                    title: '求职意向',
                    key: 'resume_job_interset',
                    minWidth: 141,
                    align: 'center'
                },
                {
                    title: '期望薪资',
                    key: 'resume_expected_salary',
                    minWidth: 109,
                    align: 'center'
                },
                {
                    title: '更新时间',
                    key: 'resume_upadte_time',
                    minWidth: 195,
                    align: 'center'
                },
                {
                    title: '操作',
                    key: 'action',
                    minWidth: 77,
                    align: 'center',
                    render: (h, params) => {
                        return h('div', [
                            h(
                                'span',
                                {
                                    on: {
                                        click: () => {
                                            this.show(params.index);
                                        }
                                    }
                                },
                                '查看'
                            )
                        ]);
                    }
                }
            ],
            resume_data: [
                {
                    resume_name: '张三',
                    resume_degree: '本科',
                    resume_school: '郑州大学',
                    resume_discipline: '旅行社经营管理',
                    resume_city: '北京',
                    resume_job_interset: '销售经理',
                    resume_expected_salary: '4k-8k',
                    resume_upadte_time: '2023-10-17 15：30'
                }
            ]
        };
    }
};
</script>
